/*
Theme Name: D4SG Theme
Theme URI: 
Description: Theme for Design for Social Good. 
Author: Shakira
Author URI: 
Version: 1.0
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { 
	text-decoration: none;
}

h3{ 
padding-bottom: 25px;
font-family: "Georgia","Times New Roman",Times,serif;
font-style: italic; 
font-size: 1.5em;
font-weight: normal; 
}

::selection {
background-color: #3AFF00;
color: #fff;
}

p.next { 
float: right;
}

p.prev { 
float: left; 
}

html, body { 
font-family: Verdana, Helvetica, sans-serif;
line-height: 1;
color: #a2a2a2;
background-color: #444444;
}

#headerContainer{ 
background: #232323;
}

header {
background-image: url(https://c87002.claudeassets.com/20190328203439im_/http://designforsocialgood.org/wp-content/themes/D4SG%20Theme/images/header_bg.png);
background-repeat: no-repeat;
background-position: 0 0;
height: 195px;
width: 960px;
margin: 0 auto;
padding: 0;
}

header img { 
margin: 50px 0px 0px 60px;
}

/*hide the home link in the nav*/
.page_item.page-item-7{  
display: none !important;
}

nav.navigation  ul { 
margin-top: 43px;
position: relative;
z-index: 999;
}

nav.navigation > ul { 
width: 964px; 
}

nav.navigation ul li{ 
display: inline-block;
background-color: #444;
border-right: 1px solid #353535;
border-bottom: 1px solid #353535;
}

nav.navigation ul li ul{ 
display: none;
position: absolute;
top: -14px;
}

nav.navigation ul li:hover ul{ 
display: block;
}

nav.navigation ul li:nth-child(1){ 
border-left: 1px solid #353535;
}

nav.navigation ul li a{ 
text-transform: uppercase;
font-family: Arial, sans-serif;
font-weight: bold;
color: #bababa;
font-size: 14px;
padding: 7px 43px;
display: block;
}

nav.navigation ul li ul li{ 
background: #232323;
padding: 0px 10px;
display: block;
}

nav.navigation ul li ul li a{ 
color: #bababa;
font-size: 12px; 
}

nav.navigation ul li a:hover{ 
transition: all 1s ease;
color: #3AFF00;
}

#PageWrapper { 
position: relative;
min-height: 100%;
margin: 0 auto;
margin-top: 50px; 
max-width: 960px;
max-height: 100%; 
}

#MainContent{ 
width: 650px;
float: left;
margin-bottom: 20px;
}

#MainContent article{ 
margin-bottom: 20px; 
}

#MainContent a{ 
color: #3AFF00;
}

#MainContent h2{ 
font-weight: normal;
margin-bottom: 10px;  
}


#MainContent p{ 
font-size: 14px;
line-height: 1.5em;
}

#MainContent a:hover{ 
color: #3AFF00;
transition: all 1s ease;
color: white;
}

.BlogPostInfo h1 a{
font-family: Verdana, Helvetica, sans-serif;
color: white;
font-size: 0.9em;
font-weight: normal;
}

p.article-meta-extra{ 
font-size: 15px;
}

p.article-meta-categories, p.article-meta-categories a{ 
font-size: 10px !important; 
}

.BlogPostInfo p a, .post-categories li a{ 
color: #3AFF00;
font-size: 15px;
}

.BlogPostInfo p a:hover, .post-categories li a:hover{ 
transition: all 1s ease;
color: white;
}

.MainImage img:hover{ 
transition: all 1s ease;
opacity: 7.0; 
}

#MainImageVideo{ 
display: none;
height: 400px; 
background-color: black; 
}

#MainImageVideo embed{ 
margin: 50px 223px;
}

#GivingBackImage img{ 
float: left;
margin-bottom: 100px;
}

#TeamSlideShow{ 
margin-left: 8%;
}

#ClientList{ 
float:left;
width: 670px;
margin-top: 22px;
margin-bottom: 100px;
}

#ClientList img{ 
display: inline-block;
width: 320px; 
}

#ClientList a:hover{
transition: all 1s ease;
opacity: 0.5; 
}

#SidebarImage { 
margin-top: 22px;
}

#ServicesList ul{ 
display: inline-block;
}

#ServicesList ul li img{ 
width: 316px;
}

#CaseStudiesList img{ 
margin-bottom: 15px;
}

.DOP_ThumbnailGallery_Background{ 
background-color: rgba(162, 162, 162, 0.13) !important; 
}

.DOP_ThumbnailGallery_ThumbnailsBg{ 
background-color: rgba(241, 241, 241, 0.38) !important; 
}

.DOP_ThumbnailGallery_ThumbContainer{ 
background-color: #3AFF00 !important; 
border-color: white !important; 
border-radius: 0px !important; 
}

#form1 input[type="text"]{ 
background-color: #232323;
border: 0px;
padding: 3px;
color: white;
}

#form1 textarea{ 
background-color: #232323;
border: 0px;
}

#form1 input[type="submit"]{ 
padding: 3px 20px;
border: 1px solid rgb(185, 185, 185);
cursor: pointer;
font-weight: bold;
background: -webkit-linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgb(201, 201, 201) 100%);
background: -moz-linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgb(201, 201, 201) 100%);
background: -o-linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgb(201, 201, 201) 100%);
background: -ms-linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgb(201, 201, 201) 100%);
background: linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgb(201, 201, 201) 100%);
background: linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgb(201, 201, 201) 100%);
color: rgb(27, 27, 27);
text-shadow: rgb(255, 255, 255) 1px 1px 0px;
}

#form2 input[type="submit"]:hover, #form3 input[type="submit"]:hover {
transition: all 1s ease;
opacity: 0.5;
}

#form2 input[type="text"], #form3 input[type="text"]{ 
background-color: #232323;
border: 0px;
padding: 3px;
color: white;
}

#form2 textarea, #form3 textarea{ 
background-color: #232323;
border: 0px;
}

#form2 input[type="submit"], #form3 input[type="submit"]{ 
padding: 3px 20px;
border: 1px solid rgb(185, 185, 185);
cursor: pointer;
font-weight: bold;
background: -webkit-linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgb(201, 201, 201) 100%);
background: -moz-linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgb(201, 201, 201) 100%);
background: -o-linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgb(201, 201, 201) 100%);
background: -ms-linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgb(201, 201, 201) 100%);
background: linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgb(201, 201, 201) 100%);
background: linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgb(201, 201, 201) 100%);
color: rgb(27, 27, 27);
text-shadow: rgb(255, 255, 255) 1px 1px 0px;
}

#form2 input[type="submit"]:hover, #form3 input[type="submit"]:hover {
transition: all 1s ease;
opacity: 0.5;
}

.frm_opt_container{ 
background-color: #555;
padding: 10px;
}

.with_frm_style .frm_top_container label.frm_primary_label {
margin-bottom: 15px; 
}

ul.AsideWidgets{ 
float: right;
width: 250px; 
margin-left: 20px;
}

ul.AsideWidgets  li { 
color: #a2a2a2;
}

ul.AsideWidgets  li a { 
color: #3AFF00;
font-size: 12px;
}

ul.AsideWidgets  p { 
font-size: 13px;
line-height: 1.3em;
}

ul.AsideWidgets  li a:hover { 
transition: all 1s ease;
color: white
}

.aside_widget { 
word-wrap: break-word;
padding: 20px;
background: #212121;
height: 200px;
overflow: hidden;
text-overflow: ellipsis;
}

.aside_widget select{ 
width: 100%;
padding: 5px;
background-color: #212121;
color: #FFFFFF;
}


#NonProfitImage{ 
margin-right: -30px;
position: absolute;
right: 0;
margin-top: 220px;
}

#GivingBackImageContact{ 
margin-right: -30px;
position: absolute;
right: 0;
margin-top: 430px;
}

#GivingBackImageContact p{ 
width: 280px;
font-family: "Lucida Grande",Verdana,sans-serif;
font-size: 14px;
line-height: 25px;
margin: 0px 0px 10px 0px;
padding: 0;
color: #a2a2a2;
margin: 0.5em 0em 0.8em;
}

#NonProfitImage h2, #GivingBackImageContact h2{ 
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 1em;
line-height: 1.2em;
margin: 0.5em 0em 0.8em;
color: #a2a2a2;
font-style: italic;
}

.aside_widget h2{ 
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 1px solid #444;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 1em;
line-height: 1.2em;
margin: 0.5em 0em 0.8em;
color: white;
font-style: italic;
}

#FooterWidgetsContainer{ 
width: 100%; 
background: #303030;
margin-top: 20px;
clear: both;
}

.FooterWidgets{ 
width: 960px;
margin: 0 auto
}

li.approach-widget { 
width: 596px !important;
}

.footer_widget, li.approach-widget { 
display: inline-block;
vertical-align: top;
word-wrap: break-word;
padding: 20px;
background: #212121;
width: 270px;
height: 250px;
overflow: hidden;
text-overflow: ellipsis;
}

ul.FooterWidgets li:nth-child(2), ul.FooterWidgets li:nth-child(3)   { 
margin-left: 14px; 
}


.footer_widget h2, li.approach-widget h2 { 
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 1px solid #444;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 1em;
line-height: 1.2em;
margin: 0.5em 0em 0.8em;
color: white;
font-style: italic;
}

.footer_widget p, li.approach-widget p{ 
font-family: "Lucida Grande",Verdana,sans-serif;
font-size: 13px;
line-height: 25px;
margin: 0px 0px 10px 0px;
color: #a2a2a2;
}

.footer_widget a{ 
color: #3AFF00;
}

.footer_widget a:hover{ 
transition: all 1s ease;
color: white;
}

#FooterContainer{ 
background: #232323 none repeat scroll 0%;
height: 50px;
position: absolute;
width: 100%;
}

#FooterLinksContainer{ 
width: 960px;
margin: 0 auto;
}

footer { 
width: 600px; 
}

footer img{ 
width: 80px;
padding: 8px;
}

span.copyright{ 
display: inline-block;
}

span.copyright a{ 
color: #3AFF00;
}

.footer_links{ 
font-size: 10px;
margin: -48px 0px 0px 103px;
line-height: 2em;
}

.footer_links a{ 
color: #3AFF00;
}

.footer_links a:hover{ 
transition: all 1s ease;
color: white;
}
/*
     FILE ARCHIVED ON 11:20:00 Sep 03, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:26:49 Jul 01, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.364
  exclusion.robots: 0.033
  exclusion.robots.policy: 0.026
  esindex: 0.006
  cdx.remote: 7.484
  LoadShardBlock: 78.55 (3)
  PetaboxLoader3.datanode: 93.366 (5)
  PetaboxLoader3.resolve: 361.753 (3)
  load_resource: 415.995 (2)
*/